<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--引入本地 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>
    <title>详情</title>
</head>

<body>
    <div id="app">

        <!-- 表格 -->
        <div class="main">
            <div class="txtcenter">
                {{formdata.title}}
            </div>
            <div class="imgbox" v-html="formdata.zw">
            </div>
        </div>

    </div>
</body>
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            value1: '',
            value2: '',
            parmsData:{},
            formdata:{},
        },
        created() {
            this.parmsData = getParams();
            this.getContent();
        },
        methods: {
            async getContent(){
                const res = await queryDataForId(getTableId(this.parmsData.tableId),this.parmsData.id);
                this.formdata = res.data;
            }
        },

    })
</script>
<style type="text/css">
    body {
        background: #fff;
        padding: 0;
    }

    .txtcenter{
        width: 100%;
        font-weight: 700;
        text-align: center;
		margin-bottom: 10px;
    }

    .imgbox{
        width: 99%;
        /* height: 100%; */
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        align-items: center;
    }

    .imgbox el-image {
        margin: 0;
        width: 100%;
        height: 100%;
    }
</style>

</html>